<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>会员系统</title>
    <!--<link rel="stylesheet"-->
    <!--href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"/>-->
    <link href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet">


</head>

<body>
<div class="container">
    <div class="col-sm-12">
        <h1>会员查询</h1>
        <h2>欢迎, <span th:text="${#authentication.name}">Name</span></h2>
    </div>

    <div>
        <h1>点击这个按钮，在Client-2没有登录过的情况下，获取Client-2的受保护资源：</h1>
        <input type="button" th:value="我触发Ajax请求" onclick="doReuqestWithoutToken()"/>
        <div id="noToken">
            结果展示区
        </div>
    </div>
    <hr>

</div>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script>

    function doReuqestWithoutToken() {
        // //发送正常的异步请求
        // jQuery.ajax({
        //     url: "http://mydomin.cn:9091/hello",
        //     type: "get",
        //     dataType: "json",
        //     xhrFields: {
        //         withCredentials: true
        //     },
        //     crossDomain: true
        // }).done(function (data) {
        //     console.log(data);
        //     $('#noToken').text(data);
        // }).fail(function (data) {
        //     console.error(data);
        // });
        $.ajax({
            type: "get",
            async: false,
            url: "http://mydomin.cn:9091/test/",
            dataType: "jsonp",
            jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
            jsonpCallback: "success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
            success: function (json) {
                alert('成功，报文请在Network中查看');
                alert(json);
            },
            error: function () {
                alert('fail');
            }
        });
    }


</script>
</body>
</html>